import React, { useState } from 'react';
import {Badge} from 'antd'
import style from '../css/Index.module.scss'

// const ButtonGroup = Button.Group;

const App: React.FC = () => {
  const [count] = useState(8);
//   const [show, setShow] = useState(true);

//   const increase = () => {
//     setCount(count + 1);
//   };

//   const decline = () => {
//     let newCount = count - 1;
//     if (newCount < 0) {
//       newCount = 0;
//     }
//     setCount(newCount);
//   };

//   const random = () => {
//     const newCount = Math.floor(Math.random() * 100);
//     setCount(newCount);
//   };

//   const onChange = (checked: boolean) => {
//     setShow(checked);
//   };

  return (
        <Badge count={count} size='small' offset={[0,0]}>
            <div className={style.badeg}>
                <div className={style.icon}>
                    <img src="https://cdn7.axureshop.com/demo2024/2321849/images/%E7%B3%BB%E7%BB%9F%E6%A1%86%E6%9E%B6/u1123.svg" alt="" />
                </div>
                <p className={style.text}>消息</p>
            </div>
        </Badge>
  );
};

export default App;